.mg-auto {
  margin: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}

.mg-0 {
  margin: 0rpx;
}
.mg-10 {
  margin: 10rpx;
}
.mg-20 {
  margin: 20rpx;
}
.mg-30 {
  margin: 30rpx;
}
.mg-40 {
  margin: 40rpx;
}
.mg-60 {
  margin: 60rpx;
}
.mg-80 {
  margin: 80rpx;
}
.mg-100 {
  margin: 100rpx;
}

.mx-10 {
  margin-left: 10rpx;
  margin-right: 10rpx;
}
.mx-0 {
  margin-left: 0rpx;
  margin-right: 0rpx;
}
.mx-20 {
  margin-left: 20rpx;
  margin-right: 20rpx;
}
.mx-30 {
  margin-left: 30rpx;
  margin-right: 30rpx;
}
.mx-40 {
  margin-left: 40rpx;
  margin-right: 40rpx;
}

.my-0 {
  margin-top: 0rpx;
  margin-bottom: 0rpx;
}
.my-10 {
  margin-top: 10rpx;
  margin-bottom: 10rpx;
}
.my-20 {
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}
.my-30 {
  margin-top: 30rpx;
  margin-bottom: 30rpx;
}
.my-40 {
  margin-top: 40rpx;
  margin-bottom: 40rpx;
}
.my-30 {
  margin-top: 30rpx;
  margin-bottom: 30rpx;
}
.my-80 {
  margin-top: 80rpx;
  margin-bottom: 80rpx;
}
.my-100 {
  margin-top: 100rpx;
  margin-bottom: 100rpx;
}

.mt-0 {
  margin-top: 0rpx;
}
.mt-10 {
  margin-top: 10rpx;
}
.mt-20 {
  margin-top: 20rpx;
}
.mt-30 {
  margin-top: 30rpx;
}
.mt-40 {
  margin-top: 40rpx;
}
.mt-60 {
  margin-top: 60rpx;
}
.mt-80 {
  margin-top: 80rpx;
}
.mt-100 {
  margin-top: 100rpx;
}

.mb-0 {
  margin-bottom: 0rpx;
}
.mb-10 {
  margin-bottom: 10rpx;
}
.mb-20 {
  margin-bottom: 20rpx;
}
.mb-30 {
  margin-bottom: 30rpx;
}
.mb-40 {
  margin-bottom: 40rpx;
}
.mb-60 {
  margin-bottom: 60rpx;
}
.mb-80 {
  margin-bottom: 80rpx;
}
.mb-100 {
  margin-bottom: 100rpx;
}

.ml-0 {
  margin-left: 0rpx;
}
.ml-10 {
  margin-left: 10rpx;
}
.ml-20 {
  margin-left: 20rpx;
}
.ml-30 {
  margin-left: 30rpx;
}
.ml-40 {
  margin-left: 40rpx;
}

.mr-0 {
  margin-right: 0rpx;
}
.mr-10 {
  margin-right: 10rpx;
}
.mr-20 {
  margin-right: 20rpx;
}
.mr-30 {
  margin-right: 30rpx;
}
.mr-40 {
  margin-right: 40rpx;
}

.pd-10 {
  padding: 10rpx;
}
.pd-20 {
  padding: 20rpx;
}
.pd-30 {
  padding: 30rpx;
}
.pd-40 {
  padding: 40rpx;
}
.pd-60 {
  padding: 60rpx;
}
.pd-80 {
  padding: 80rpx;
}
.pd-100 {
  padding: 100rpx;
}

.px-10 {
  padding-left: 10rpx;
  padding-right: 10rpx;
}
.px-20 {
  padding-left: 20rpx;
  padding-right: 20rpx;
}
.px-30 {
  padding-left: 30rpx;
  padding-right: 30rpx;
}
.px-40 {
  padding-left: 40rpx;
  padding-right: 40rpx;
}

.py-10 {
  padding-top: 10rpx;
  padding-bottom: 10rpx;
}
.py-20 {
  padding-top: 20rpx;
  padding-bottom: 20rpx;
}
.py-30 {
  padding-top: 30rpx;
  padding-bottom: 30rpx;
}
.py-40 {
  padding-top: 40rpx;
  padding-bottom: 40rpx;
}
.py-60 {
  padding-top: 60rpx;
  padding-bottom: 60rpx;
}
.py-80 {
  padding-top: 80rpx;
  padding-bottom: 80rpx;
}
.py-100 {
  padding-top: 100rpx;
  padding-bottom: 100rpx;
}

.pt-10 {
  padding-top: 10rpx;
}
.pt-20 {
  padding-top: 20rpx;
}
.pt-30 {
  padding-top: 30rpx;
}
.pt-40 {
  padding-top: 40rpx;
}
.pt-60 {
  padding-top: 60rpx;
}
.pt-80 {
  padding-top: 80rpx;
}
.pt-100 {
  padding-top: 100rpx;
}

.pb-10 {
  padding-bottom: 10rpx;
}
.pb-20 {
  padding-bottom: 20rpx;
}
.pb-30 {
  padding-bottom: 30rpx;
}
.pb-40 {
  padding-bottom: 40rpx;
}
.pb-60 {
  padding-bottom: 60rpx;
}
.pb-80 {
  padding-bottom: 80rpx;
}
.pb-100 {
  padding-bottom: 100rpx;
}

.pl-10 {
  padding-left: 10rpx;
}
.pl-20 {
  padding-left: 20rpx;
}
.pl-30 {
  padding-left: 30rpx;
}
.pl-40 {
  padding-left: 40rpx;
}

.pr-10 {
  padding-right: 10rpx;
}
.pr-20 {
  padding-right: 20rpx;
}
.pr-30 {
  padding-right: 30rpx;
}
.pr-40 {
  padding-right: 40rpx;
}
